.cart-name{
    // width:100%;
    height: 1rem;
    background: #000;
    font-size: 0.36rem;
    color: #ffff;
    line-height: 1rem;
    text-align: center;
    font-weight: 700;
    position:sticky;
    top:0;
    .cart-edit{
        width:1rem;
        height:0.6rem;
        float: right;
        background: #000;
        color: #fff;
        font-size: 0.24rem;
        margin-top:0.2rem;
    }
}
.cart-surplus{
    height:11.1rem;
//   flex:auto;
    background: #ededed;
    .cart-center{
        position: relative;
        top:3rem;
        left:0;
        height:4.8rem;
        .img{
            width: 1.76rem;
            height: 2.28rem;
            background: url('' ) no-repeat top;
            background-size: 1.76rem auto;
            margin: 0 auto;
        }
        h3{
            font-size: 0.4rem;
            color: rgba(0,0,0,.15);
            margin:0.5rem 0 0.18rem;
            font-weight: 700;

        }
        p{
            font-size: 0.1rem;
            color: rgba(0,0,0,.15);
        }
        .btn{
            display: inline-block;
            width: 2.84rem;
            height: 0.8rem;
            line-height: 40px;
            font-size: .3rem;
            font-weight: 700;
            color: rgba(0,0,0,.6);
            margin: 0.32rem 0.01rem 0;
            background: linear-gradient(rgba(0,0,0,.01),hsla(0,0%,100%,.01));
            box-shadow: inset 0 2px 4px hsla(0,0%,100%,.3);
            border: 1px solid rgba(0,0,0,.12);
            border-radius: 0.2rem;
        }
        .login{
            background: #5e8bdd;
            color:#fff;
            margin-right:0.2rem;
        }
    }
}
.discount{
    height:1.2rem;
    background: #ffe7e5;
    color: #d04f48;
    .icon-tiaoxingma{
        float: left;
        line-height: 1.2rem;
        margin-left:0.3rem;
        // color: #d04f48;
        font-size: 0.5rem;
    }
    .discount-span{
        font-size: 0.4rem;
        float: left;
        line-height: 1.2rem;
        // color: #d04f48;
        margin-left:0.3rem;
    }
    .icon-jiantou{
        float: right;
        line-height: 1.2rem;
        margin-right:0.2rem;
    }
}
.recommend{
    width:3.4rem;
    height:5.1rem;
    float: left;
    .recommend-img{
        width:3.4rem;
        height:3.4rem;
    }
    .recommend-name{
        width:2.9rem;
        height:0.28rem;
        font-size: 0.3rem;
        overflow: hidden;
    }
    .recommend-info{
        font-size: 0.2rem;
    }
    .recommend-price{
        font-size: 0.2rem;
        color: #d04f48;
    }
}